<template>
	<view>
		<scroll-view :scroll-y="modalName==null" class="page" :class="modalName!=null?'show':''">
			<cu-custom bgColor="bg-gradual-blue" :isBack="true" >
				<block slot="content">收款计划详情</block>
			</cu-custom>
					<view style="padding-bottom: 50rpx;">
						<view class="flex flex-direction box">
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										企业名称
									</view>
									<view class="val">
										{{detailObj.qymc | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										合同编号
									</view>
									<view class="val">
										{{detailObj.htbh | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										计收月份
									</view>
									<view class="val">
										{{detailObj.sfyf | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										港币汇率
									</view>
									<view class="val">
										{{detailObj.currency | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										工人数
									</view>
									<view class="val">
										{{detailObj.grs | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										工人行政费
									</view>
									<view class="val">
										{{detailObj.grgl | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										工人行政费币种
									</view>
									<view class="val">
										{{detailObj.pz1 | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										综合管理费
									</view>
									<view class="val">
										{{detailObj.cfgl | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										厂房面积
									</view>
									<view class="val">
										{{detailObj.cfmj | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										厂房计费币种
									</view>
									<view class="val">
										{{detailObj.pz2 | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										外汇补差
									</view>
									<view class="val">
										{{detailObj.wfbc | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										计费标准
									</view>
									<view class="val">
										{{detailObj.jfbz | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										外汇补差币种
									</view>
									<view class="val">
										{{detailObj.pz3 | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										厂房租金
									</view>
									<view class="val">
										{{detailObj.cfzj | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										计费面积
									</view>
									<view class="val">
										{{detailObj.jfmj | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										厂房租金币种
									</view>
									<view class="val">
										{{detailObj.pz4 | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										其他费用
									</view>
									<view class="val">
										{{detailObj.qtfy | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										其他费用币种
									</view>
									<view class="val">
										{{detailObj.pzQt | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										费用合计(人民币)
									</view>
									<view class="val">
										{{detailObj.rzjs | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										费用合计(港币)
									</view>
									<view class="val">
										{{detailObj.hzjs | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										是否收滞纳金
									</view>
									<view class="val">
										{{detailObj.sznj | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										滞纳金比例
									</view>
									<view class="val">
										{{detailObj.scale | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										季度
									</view>
									<view class="val">
										{{detailObj.jd | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
										季度内容
									</view>
									<view class="val">
										{{detailObj.jdnr | emptyStr }}
									</view>
								</view>
							</view>
							<view class="row flex">
								<!-- <view class="item flex flex-direction">
									<view class="label">
										收款期限
									</view>
									<view class="val">
										{{detailObj.skqx | emptyStr }}
									</view>
								</view> -->
								<!-- <view class="item flex flex-direction">
									<view class="label">
										收款流水号	
									</view>
									<view class="val">
										{{detailObj.skls | emptyStr }}
									</view>
								</view> -->
							</view>
							<view class="row flex">
								<view class="item flex flex-direction">
									<view class="label">
										备注
									</view>
									<view class="val">
										{{detailObj.bz | emptyStr }}
									</view>
								</view>
								<view class="item flex flex-direction">
									<view class="label">
									</view>
									<view class="val">
									</view>
								</view>
							</view>
						</view>
					</view>
				
			
			
			
			
		</scroll-view>
	</view>

</template>

<script>
	export default {
		components:{
		 },
		data() {
			return {
				modalName: null,
				contractNumber: '',
				enterpriseName: '',
				refresherBool: false,
				pageNo : 1,
				pageSize : 5,
				listUrl:'/assets.accountReceivable/dbGlfsc/list',
				list:[],
				total: '',
				detailObj: ''
			}
		},
		methods: {
			handleSearch(){
				this.pageNo = 1
				this.getList()
			},
			handleRefresher(){
				this.refresherBool = true
				setTimeout(()=>{
					this.refresherBool = false
				},1000)
				this.handleSearch()
			},
			loadMore(){
				if(this.total == this.list.length) return this.setMessage('没有更多了')
				this.pageNo++
				this.getList()
			},
			getList(){
				if(this.pageNo==1) this.list = []
				
				this.$http.get(this.listUrl,{params:{
					column: 'createTime', 
					order: 'desc', 
					pageNo: this.pageNo, 
					pageSize:this.pageSize,
					ph: this.contractNumber,
					mc: this.enterpriseName,
					}}).then(res=>{
						if(res.data.success){
							this.list = this.list.concat(res.data.result.records)
							this.total = res.data.result.total
						}
				})
			}
		},
		onLoad(){
			console.log( this.$Route.query.item);
			this.detailObj = this.$Route.query.item
		}
	}
</script>

<style lang="scss" scoped>
	.btn{
		width: 110rpx;
		height: 60rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #1890ff;
		border-radius: 8rpx;
		color: #fff;
	}
	.searchBox{
		// height: calc( 15vh - 45px );
		display: flex;
		align-items: center;
		background-color: #fff;
		padding: 0 20rpx;
		border-bottom: 1px solid #f1f1f1;
		box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16);
		.inputBox{
			flex: 1;
			padding-right: 30rpx;
			.input{
				
			}
		}
		
	}
	.box{
		background-color: #fff;
		margin: 25rpx;
		border-radius: 8rpx;
		padding: 10rpx;
		.row{
			margin: 10rpx;
		}
	}
	.item{
		flex: 1;
	}
	.label{
		color: #969696;
	}
	.val{
		color: #353535;
		font-size: 32rpx;
	}
</style>
